<%-- 
    Document   : modificarPuestoVig
    Created on : 26/02/2011, 10:05:40 PM
    Author     : andres
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>
<%@ page contentType="text/html" pageEncoding="UTF-8"%>

<% request.setAttribute("allowed", "Gestionar Sedes, Areas y Edificios");%>
<%@ include file='../Templates/security.jsp' %>

<script type="text/javascript">
    var nombrePuesto = "";
    var nombre_Sede = "";

    // <!-- Agregar esta función lo necesario para llenar el formulario -->
    function llenarForm(){
        // Aqui se realiza la consulta a la BD (Cambia en todos los script)
        $.getJSON("ModifPuestoDeVig.do",{flag: "ida"},
        function(data) {
            $.each(data.modificarPuestoVigilanciaIda , function(i,item){
                id_puestoVig = item.id_puestoVig;
                nombrePuesto = item.nombrePuesto;
                // Aqui se van llenando los valores del formulario
                $("#puesto").val(item.nombrePuesto);
                // DROP LIST - TIPO INSPECCION
                //$("#area").val(item.id_area);
                /*var tipoInspeccionS = "<option selected='selected' value='"+item.tipo_inspeccion+"' >"+item.tipo_inspeccion+"</option>";;
                tipoInspeccionO = item.tipo_inspeccion;
                $("#tipoInsp").append(tipoInspeccionS);*/
                //alert("tipoInspeccionS: "+tipoInspeccionS+"\nitem.tipo_inspeccion: "+item.tipo_inspeccion);
                // EN EL LLENAR, O ANTES DEL SUBMIT, NO SE ESTA PASANDO EL VALOR DE TIPO INSPECCION (drop down)
                nombre_Sede = item.sede;
                var nombre_sede = "<option selected='selected' value='"+item.sede+"'>"+item.sede+"</option>";
                $("#nombre_sede").append(nombre_sede);                
                setAreas(item.nombre_sede);
                $("#areaSelected").val(item.id_area);
                $("#coordx").val(item.coordx);
                $("#coordy").val(item.coordx);
                

            });
            // (Cambia en todos los script)
            // Lo unico que cambia en esta parte es el llamado del método
        });
        return false;
    }

    llenarForm();

    // DROPLIST - TIPO INSPECCION //
    var tipoIns = false;

    function selecionarTipoInspeccion(value){
        tipoIns = value;
        // ------------------------- //
    }
    function cambiarSubmit(){
        
        $("#nombrePuesto").val(nombrePuesto);
        $("#submit").val("submit");
        
       // $("#id_puestoVig").val(id_puestoVig);
    }
</script>


<% //Manejo de Mensajes enviados por metodos GET:

            String msg = request.getParameter("msg");System.out.println(msg);
            //String mensage = "<p><br/></p>";

%>

<h1 class="title">Gestión de Areas</h1>
<hr>
<p class="meta"></p>
<div class="entry">
    <center>
        <h2>Modificar Puesto de Vigilancia</h2>

        <% if (msg == null || !msg.equals("modif_err") ) {%>
    <div id="ubicacionUSB" >
        <div id="map_canvas"></div>
        <center>
            <input type="button"  id="guardarUbicacion_btn" value="Guardar Ubicacion"/>
            <script type="text/javascript" src="Modulo2/js/Gmap.js"></script>
            <script type="text/javascript">
                $(function(){
                    initialize('Sartenejas');
                    getUbications();
                });
            </script>
        </center>
    </div>
<% }else{%>
<script type="text/javascript">
    function guardarUbicacion(){
    $('#ubicacionUSB').css('display', 'none');
    $('.agregar_btn').css('display', 'block');
    $('#formulario').css('display', 'block');
    $('#botonesForm').css('display', 'block');
    return false;
}
guardarUbicacion();
    </script>
<% }%>
        
        <html:form action="/ModifPuestoDeVig" styleId="ModifPuestoDeVigForm" onsubmit="return actualizarPuestoVigilancia();">
            <div id="formulario" style="display: none" >
            <table>
                <tbody>
                    <tr>
                        <td colspan="4" align="center">
                            <br>
                            <font color="red">
                                <bean:write name="ModifPuestoDeVigForm" property="error" />
                                &nbsp;
                            </font>
                        </td>
                    </tr>
                    <!-- Agregar esta linea -->
                <input  id="nombrePuesto" type="hidden" name="nombrePuesto" value ="">
                <input  id="submit" type="hidden" name="submit" value ="">
                <input  id="id_puestoVig" type="hidden" name="id_puestoVig" value ="">
                <!-- Agregar esta linea -->
                <tr>
                    <td><font color="red">*&nbsp;</font> Nombre:</td>
                    <td><html:text property="new_puesto" styleId="puesto"  size="20"/></td>
                </tr>               
                <tr>
                    <td><font color="red">*&nbsp;</font> sede:</td>
                    <td><select id="nombre_sede" name ="new_sede" property="new_sede" onchange="setAreas(this.value)">
                        <script type="text/javascript">
                            $.getJSON("listaSedeAction.do",
                            function(data) {
                                $.each(data.consultarSede, function(i,item){
                                    if ( item.nombre != nombre_Sede ){
                                    var string = "<option value='"+ item.nombre +"'>"+item.nombre+"</option>";
                                    $('#nombre_sede').append(string)
                                    }
                                });
                            });
                        </script>
                    </select>
                    </td>
                </tr>
                <tr>
                    <td><font color="red">*&nbsp;</font> Area:</td>
                    <td>
                        <select id="areaSelected" name ="new_area" property="new_area">
                            <script type="text/javascript">
                                function setAreas(valor){
                                    $.getJSON("listaAreas.do",{nombre_sede: valor},
                                    function(data) {
                                        $('#areaSelected').empty();
                                        $.each(data.consultarArea1, function(i,item){
                                            document.getElementById('areaSelected').disabled = false;
                                            var string = "<option value='"+item.id_area+"'>"+item.descripcion+"</option>";
                                            $('#areaSelected').append(string);
                                        });
                                        if((document.getElementById('areaSelected')).options.length == 0){
                                            var string = "<option value='NA'>No Aplica</option>";
                                            $('#areaSelected').append(string);
                                            document.getElementById('areaSelected').disabled = true;
                                        }
                                    });
                                }
                            </script>
                            <option value="seleccionar">Seleccionar</option>
                        </select>
                    </td>
                </tr>
               
                </tbody>
            </table>
                </div>
                <tr>
                    <td>Coord X:<html:text property="new_coordx" styleId="coordx"  size="10" maxlength="10" readonly="true"/></td>
                </tr>
                <tr>
                    <td> Coord Y:<html:text property="new_coordy" styleId="coordy"  size="10" maxlength="10"readonly="true"/></td>
                </tr>
                <br>
                <br>
                <div id="botonesForm" title="Crear nueva Puesto" style="display: none">
            <!-- Agregar esta linea: el onclick="cambiarSubmit()" -->
            <html:submit value="  Modificar Puesto de Vigilancia  " onclick="cambiarSubmit()"/>
            <!-- Agregar esta linea -->
            <html:button property="" styleId="novedadesAreas" value="  Atrás  "/>
                </div>
        </html:form>
            <br>
            <font color="red"><p>Los campos que tienen (*) son obligatorios.</p></font>
            <br>
        
    </center>
</div>
<div style="clear: both;">&nbsp;</div>
